/**
 * Created by jinyingchao on 17/5/19.
 */

$(function(){


    var dianTiObj=$('.Dianti');
    // dianTiObj.css('margin-top', dianTiObj.height()/-2);
    var dianTiLi=dianTiObj.children('li');

    var f1Top=$('.f1').offset().top-120;
    var f2Top=$('.f2').offset().top-120;
    var f3Top=$('.f3').offset().top-120;
    var f4Top=$('.f4').offset().top-120;
    var f5Top=$('.f5').offset().top-120;
    var f6Top=$('.f6').offset().top-120;
    var f7Top=$('.f7').offset().top-120;
    var f8Top=$('.f8').offset().top-120;
    var f9Top=$('.f9').offset().top-120;
    var f10Top=$('.f10').offset().top-120;

    //封装监测楼层功能
    function testLouCeng(event) {

        var windowEatTop=$(this).scrollTop();

        if(windowEatTop>=f10Top){

            //到达10楼
            dianTiObj.show();
            dianTiLi.eq(9).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f9Top){

            //到达9楼
            dianTiObj.show();
            dianTiLi.eq(8).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f8Top){

            //到达8楼
            dianTiObj.show();
            dianTiLi.eq(7).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f7Top){

            //到达7楼
            dianTiObj.show();
            dianTiLi.eq(6).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f6Top){

            //到达6楼
            dianTiObj.show();
            dianTiLi.eq(5).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f5Top){

            //到达5楼
            dianTiObj.show();
            dianTiLi.eq(4).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f4Top){

            //到达4楼
            dianTiObj.show();
            dianTiLi.eq(3).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f3Top){

            //到达3楼
            dianTiObj.show();
            dianTiLi.eq(2).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f2Top){

            //到达2楼
            dianTiObj.show();
            dianTiLi.eq(1).addClass('current').siblings('li').removeClass('current');

        }else if(windowEatTop>=f1Top){

            //到达1楼
            dianTiObj.show();
            dianTiLi.eq(0).addClass('current').siblings('li').removeClass('current');

        }else{

            //不在楼层内，隐藏电梯
            dianTiObj.hide();

        }


    }

    $(window).scroll(testLouCeng);


    dianTiLi.click(function(event) {


        $(window).off('scroll');

        $(this).addClass('current').siblings('li').removeClass('current');

        var i=$(this).index();

        if(i==9){

            $('html,body').stop().animate({
                'scrollTop':f10Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==8){

            $('html,body').stop().animate({
                'scrollTop':f9Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==7){

            $('html,body').stop().animate({
                'scrollTop':f8Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==6){

            $('html,body').stop().animate({
                'scrollTop':f7Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==5){

            $('html,body').stop().animate({
                'scrollTop':f6Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==4){

            $('html,body').stop().animate({
                'scrollTop':f5Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==3){

            $('html,body').stop().animate({
                'scrollTop':f4Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==2){

            $('html,body').stop().animate({
                'scrollTop':f3Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==1){

            $('html,body').stop().animate({
                'scrollTop':f2Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }else if(i==0){

            $('html,body').stop().animate({
                'scrollTop':f1Top+120
            }, 500,function(){

                $(window).scroll(testLouCeng);

            });

        }
    })





























});
